<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>11.11.JS对象-内置对象-添加或删除数组元素方法</title>
    <script>
        // 添加数组元素
        // 1.push() 在数组末尾 添加一个或多个数组元素 push 后面往前推
        var arr = [1, 2, 3];
        // arr.push(4, 'web');
        console.log(arr.push(4, 'web'));

        console.log(arr);
        // （1）push可以给数组后面追加新的元素
        // （2）push() 参数直接写数组元素就可以了
        // （3）push完毕后 返回的结果是 新数组的长度
        // （4）原数组也会发生变化
        console.log('------------------------------------------------');

        // 2.unshift() 在数组的开头 添加一个或多个数组元素
        // arr.unshift('red', 'blue');
        console.log(arr.unshift('red', 'blue'));

        console.log(arr);
        // （1）unshift可以给数组前面追加新的元素
        // （2）unshift() 参数直接写数组元素就可以了
        // （3）unshift完毕后 返回的结果是 新数组的长度
        // （4）原数组也会发生变化
        console.log('------------------------------------------------');

        // 删除数组元素
        // 1.pop() 可以删除最后一个元素 
        // arr.pop();
        console.log(arr.pop());

        console.log(arr);
        // （1）pop 可以删除数组最后一个元素 记住一次只能删除一个元素
        // （2）pop() 没有参数
        // （3）pop完毕后 返回的结果是 删除的那个元素
        // （4）原数组也会发生变化
        console.log('------------------------------------------------');

        // 2.shift() 可以删除第一个元素 
        // arr.shift();
        console.log(arr.shift());

        console.log(arr);
        // （1）shift 可以删除数组第一个元素 记住一次只能删除一个元素
        // （2）shift() 没有参数
        // （3）shift完毕后 返回的结果是 删除的那个元素
        // （4）原数组也会发生变化
    </script>
</head>

<body>

</body>

</html>